:root {
  // font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
}

* {
  outline: none;
  box-sizing: border-box !important;
  transition: background 0.35s;
  text-decoration: none;
}
body,
html,
p {
  margin: 0;
  padding: 0;
}
body {
  user-select: none;
  overflow: hidden;
  -webkit-app-region: no-drag;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: normal;
}

html,
body,
#root,
.semi-layout {
  height: 100%;
  color: var(--semi-color-text-0);
  background-color: var(--semi-color-bg-0);
}

.semi-tabs-bar-line.semi-tabs-bar-top {
  border-bottom: none !important;
}
@keyframes am-in-bg {
  0% {
    transform: translateY(100vh);
    opacity: 0;
  }
  60% {
    opacity: 1;
    // border-radius: 50%;
  }
  100% {
    transform: translateY(0px) rotateZ(360deg);
    opacity: 0;
  }
}
@keyframes am-in-body-winLogin-form {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes am-out-body-winLogin-form {
  0% {
    transform: translateX(0px) scale(0.9);
    opacity: 1;
  }

  100% {
    transform: translateX(-130px) scale(0.9);
    opacity: 0;
  }
}

a {
  color: var(--semi-color-primary);
  text-decoration: none;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  /* 滚动条的宽度 */
  height: 8px;
  /* 滚动条的高度，对水平滚动条有效 */
  // background-color: #f9f9fd; /* 滚动条的背景颜色 */
}
.scroll-nowidth::-webkit-scrollbar {
  width: 0px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
  /* 轨道的背景颜色 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--semi-color-text-3);
  /* 滑块的背景颜色 */
  // border: 3px solid #e1e1e1;
  /* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
}

/* 滚动条滑块：悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--semi-color-text-2);
  /* 滑块的悬停颜色 */
}

/* 滚动条滑块：激活时的效果 */
// ::-webkit-scrollbar-thumb:active {
//   background-color: #555555;
//   /* 滑块的激活颜色 */
// }

/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button {
  display: none;
  /* 通常情况下不显示滚动条按钮 */
}

.xterm-viewport {
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.semi-switch-knob {
  background-color: var(--semi-color-default-active) !important;
}
.semi-switch-checked .semi-switch-knob {
  background-color: var(--semi-color-primary) !important;
}
.semi-switch-checked {
  border: 1px var(--semi-color-fill-2) solid !important;
}
